<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		*{
			margin:0px;
		}
		div{
			width: 150px;
			height: 150px;
			background-color: red;
			margin:10px;
		}

		div p{
			width: 30px;
			height: 30px;
			margin:10px;
			background-color: blue;
		}
		
		p:nth-child(even){
			background-color: orange;
		}
	
		/*a:link{
			color: red;
		}*/

		a:hover{
			color: green;
			cursor: help;
		}

		/*a:active{
			color: orange;
		}*/

		/*a:visited{
			color: yellow
		}*/
		div#text{
			color: blue
		}

		/*div#text span{
			color:orange;
		}
		div#text::first-line{
			color: green;
		}

		input::selection{
			color: red
		}*/
		div#text::after{
			/*content: url('./1.png');*/
		}
	</style>
</head>
<body>
	<input type="text" value="hello">
	<div id="text">
		hello <br>
		world
	</div>
	<a href="#one">百度一下</a>
	<a href="#two">百度一下2</a>
	<div>
		<p></p>
	</div>
	<div>
		<p></p>
		<p></p>
	</div>
	<div>
	</div>
	<div id="one">
		<p id="two"></p>
		<p></p>
		<p></p>
		<p></p>
	</div>
</body>
</html>











